<!DOCTYPE html>

<html>
    <head>
        <meta charset="utf-8" />
        <title>环境维护管理平台</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
        <meta content="A fully featured admin theme which can be used to build CRM, CMS, etc." name="description" />
        <meta content="Coderthemes" name="author" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />

        <!-- App favicon -->
        <link rel="shortcut icon" href="../static/assets/images/favicon.ico">
        <!-- Plugins css-->
        <link href="../static/plugins/bootstrap-tagsinput/css/bootstrap-tagsinput.css" rel="stylesheet" />
        <link href="../static/plugins/bootstrap-select/css/bootstrap-select.min.css" rel="stylesheet" />
        <link href="../static/plugins/select2/css/select2.min.css" rel="stylesheet" type="text/css" />
        <link rel="stylesheet" href="../static/plugins/switchery/switchery.min.css">
        <link href="../static/plugins/bootstrap-timepicker/bootstrap-timepicker.min.css" rel="stylesheet">
        <link href="../static/plugins/bootstrap-colorpicker/css/bootstrap-colorpicker.min.css" rel="stylesheet">
        <link href="../static/plugins/bootstrap-datepicker/css/bootstrap-datepicker.min.css" rel="stylesheet">
        <link href="../static/plugins/clockpicker/css/bootstrap-clockpicker.min.css" rel="stylesheet">
        <link href="../static/plugins/bootstrap-daterangepicker/daterangepicker.css" rel="stylesheet">
        <link href="../static/plugins/custombox/css/custombox.min.css" rel="stylesheet">
        <link href="../static/plugins/ion-rangeslider/ion.rangeSlider.css" rel="stylesheet" type="text/css"/>
        <link href="../static/plugins/ion-rangeslider/ion.rangeSlider.skinModern.css" rel="stylesheet" type="text/css"/>
        <!-- App css -->
        <link href="../static/assets/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
        <link href="../static/assets/css/icons.css" rel="stylesheet" type="text/css" />
        <link href="../static/assets/css/metismenu.min.css" rel="stylesheet" type="text/css" />
        <link href="../static/plugins/bootstrap-datepicker/css/bootstrap-datepicker.min.css" rel="stylesheet">
        <link href="../static/assets/css/style_cl.css" rel="stylesheet" type="text/css" />
        <script src="../static/assets/js/modernizr.min.js"></script>
            <!-- Bootstrap fileupload css -->
        <link href="../static/plugins/bootstrap-fileupload/bootstrap-fileupload.css" rel="stylesheet" />

        <!-- Dropzone css -->
        <link href="../static/plugins/dropzone/dropzone.css" rel="stylesheet" type="text/css" />
            <!-- DataTables -->
        <link href="../static/plugins/datatables/dataTables.bootstrap4.min.css" rel="stylesheet" type="text/css" />
        <link href="../static/plugins/datatables/buttons.bootstrap4.min.css" rel="stylesheet" type="text/css" />
            <!-- Responsive datatable examples -->
        <link href="../static/plugins/datatables/responsive.bootstrap4.min.css" rel="stylesheet" type="text/css" />
            <!-- Multi Item Selection examples -->
        <link href="../static/plugins/datatables/select.bootstrap4.min.css" rel="stylesheet" type="text/css" />

        {% block style %}{% endblock %}
    </head>

     <body>


        <!-- Begin page -->
        <div id="wrapper">

            <!-- ========== Left Sidebar Start ========== -->
            <div class="left side-menu">

                <div class="slimscroll-menu" id="remove-scroll">

                    <!-- User box -->
                    <div class="user-box">
                        <div class="user-img">
                            <img src="../static/assets/images/users/avatar-1.jpg" alt="user-img" title="Mat Helme" class="rounded-circle img-fluid">
                        </div>
                        <h5><a href="#">{{ hs_current_user }}</a> </h5>
                        <p class="text-muted">个人签名</p>
                    </div>

                    <!--- Sidemenu -->
                    <div id="sidebar-menu">

                        <ul class="metismenu" id="side-menu">

                            <!--<li class="menu-title">Navigation</li>-->

                            <li>
                                <a href="/index">
                                    <i class="fi-air-play"></i> <span>  系统环境状况概览 </span>
                                </a>
                            </li>

                            <li>
                                <a href="javascript: void(0);"><i class="fi-layers"></i> <span> 服务器列表 </span> <span class="menu-arrow"></span></a>
                                <ul class="nav-second-level" aria-expanded="false">
                                    <li><a href="/database-server">新增服务器</a></li>
                                    <li><a href="/all-server">环境服务器</a></li>
                                    <li><a href="/middle-server">个人服务器</a></li>
                                </ul>
                            </li>


                            <li>
                                <a href="javascript: void(0);"><i class="fi-briefcase"></i> <span> 权限管理 </span> <span class="menu-arrow"></span></a>
                                <ul class="nav-second-level" aria-expanded="false">
                                    <li><a href="/permissions-add">权限申请</a></li>
                                    <li><a href="/approval">权限审批</a></li>
                                </ul>
                            </li>


                            <li>
                                <a href="javascript: void(0);"><i class="fi-command"></i><span> 环境升级 </span> <span class="menu-arrow"></span></a>
                                <ul class="nav-second-level" aria-expanded="false">
                                    <li><a href="/turn">排队大厅</a></li>
                                    <li><a href="/histurn">升级历史</a></li>
                                </ul>
                            </li>


                            <li class="menu-title">More</li>

                            <li>
                                <a href="javascript: void(0);"><i class="fi-location-2"></i> <span> 设置 </span> <span class="menu-arrow"></span></a>
                                <ul class="nav-second-level" aria-expanded="false">
                                    <li><a href="maps-google.html">Google Maps</a></li>
                                    <li><a href="maps-vector.html">Vector Maps</a></li>
                                    <li><a href="maps-mapael.html">Mapael Maps</a></li>
                                </ul>
                            </li>

                            <li>
                                <a href="javascript: void(0);"><i class="fi-paper-stack"></i><span> 日志信息 </span> <span class="menu-arrow"></span></a>
                                <ul class="nav-second-level" aria-expanded="false">
                                    <li><a href="page-starter.html">Starter Page</a></li>
                                    <li><a href="page-login.html">Login</a></li>
                                    <li><a href="page-register.html">Register</a></li>
                                    <li><a href="logout">Logout</a></li>
                                    <li><a href="page-recoverpw.html">Recover Password</a></li>
                                    <li><a href="page-lock-screen.html">Lock Screen</a></li>
                                    <li><a href="page-confirm-mail.html">Confirm Mail</a></li>
                                    <li><a href="page-404.html">Error 404</a></li>
                                    <li><a href="page-404-alt.html">Error 404-alt</a></li>
                                    <li><a href="page-500.html">Error 500</a></li>
                                </ul>
                            </li>

                            <li>
                                <a href="javascript:void(0);"><i class="fi-marquee-plus"></i><span class="badge badge-success pull-right">Hot</span> <span> 热点时事 </span></a>
                                <ul class="nav-second-level" aria-expanded="false">
                                    <li><a href="extras-timeline.html">Timeline</a></li>
                                    <li><a href="extras-profile.html">Profile</a></li>
                                    <li><a href="extras-invoice.html">Invoice</a></li>
                                    <li><a href="extras-faq.html">FAQ</a></li>
                                    <li><a href="extras-pricing.html">Pricing</a></li>
                                    <li><a href="extras-email-template.html">Email Templates</a></li>
                                    <li><a href="extras-ratings.html">Ratings</a></li>
                                    <li><a href="extras-search-results.html">Search Results</a></li>
                                    <li><a href="extras-gallery.html">Gallery</a></li>
                                    <li><a href="extras-maintenance.html">Maintenance</a></li>
                                    <li><a href="extras-coming-soon.html">Coming Soon</a></li>
                                </ul>
                            </li>

                            <li>
                                <a href="javascript: void(0);"><i class="fi-share"></i> <span> 版本信息 </span> <span class="menu-arrow"></span></a>
                                <ul class="nav-second-level nav" aria-expanded="false">
                                    <li><a href="javascript: void(0);">Level 1.1</a></li>
                                    <li><a href="javascript: void(0);" aria-expanded="false">Level 1.2 <span class="menu-arrow"></span></a>
                                        <ul class="nav-third-level nav" aria-expanded="false">
                                            <li><a href="javascript: void(0);">Level 2.1</a></li>
                                            <li><a href="javascript: void(0);">Level 2.2</a></li>
                                        </ul>
                                    </li>
                                </ul>
                            </li>

                        </ul>

                    </div>
                    <!-- Sidebar -->

                    <div class="clearfix"></div>

                </div>
                <!-- Sidebar -left -->

            </div>
            <!-- Left Sidebar End -->



            <!-- ============================================================== -->
            <!-- Start right Content here -->
            <!-- ============================================================== -->
            <div class="content-page">

                <!-- Top Bar Start -->
                <div class="topbar" id="hs-top">

                    <nav class="navbar-custom">



                        <ul class="list-unstyled topbar-right-menu float-right mb-0">

                            <li class="hide-phone app-search">
                                <form>
                                    <input type="text" placeholder="Search..." class="form-control">
                                    <button type="submit"><i class="fa fa-search"></i></button>
                                </form>
                            </li>

                            <li class="dropdown notification-list">
                                <a class="nav-link dropdown-toggle arrow-none" data-toggle="dropdown" href="#" role="button"
                                   aria-haspopup="false" aria-expanded="false">
                                    <i class="fi-bell noti-icon"></i>
                                    {% if mes_len>0 %}
                                        <span class="badge badge-danger badge-pill noti-icon-badge">{{ mes_len }}</span>
                                    {% endif %}
                                </a>
                                <div class="dropdown-menu dropdown-menu-right dropdown-menu-animated dropdown-lg">

                                    <!-- item-->
                                    <div class="dropdown-item noti-title">
                                        <h5 class="m-0"><span class="float-right"><a href="" class="text-dark"><small> 清除 </small></a> </span>升级通知</h5>
                                    </div>

                                    <div class="slimscroll" style="max-height: 230px;">
                                        {% for mes in mes_lists %}
                                        <!-- item-->
                                            <a href="javascript:void(0);" id="{{ mes[4] }}" onclick="deletemes(this)" data-toggle="modal" data-target="#updatemes" data-output="{{ mes[0] }}" data-mes="{{ mes[3] }}" data-url="{{ mes[5] }}" class="dropdown-item notify-item">
                                                <div class="notify-icon bg-success"><i class="mdi mdi-comment-account-outline"></i></div>
                                                <p class="notify-details">{{ mes[0] }}<small class="text-muted">{{ mes[1] }} {{ mes[2] }}</small></p>
                                            </a>
                                        {% endfor %}
                                    </div>

                                    <!-- All-->
                                    <a href="javascript:void(0);" class="dropdown-item text-center text-primary notify-item notify-all">
                                        查看全部 <i class="fi-arrow-right"></i>
                                    </a>

                                </div>
                            </li>

                            <li class="dropdown notification-list">
                                <a class="nav-link dropdown-toggle arrow-none" data-toggle="dropdown" href="#" role="button"
                                   aria-haspopup="false" aria-expanded="false">
                                    <i class="fi-speech-bubble noti-icon"></i>
                                </a>
                                <div class="dropdown-menu dropdown-menu-right dropdown-menu-animated dropdown-lg">

                                    <!-- item-->
                                    <div class="dropdown-item noti-title">
                                        <h5 class="m-0"><span class="float-right"><a href="" class="text-dark"><small>Clear All</small></a> </span>Chat</h5>
                                    </div>

                                    <div class="slimscroll" style="max-height: 230px;">
                                        <!-- item-->
                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
                                            <div class="notify-icon"><img src="../static/assets/images/users/avatar-2.jpg" class="img-fluid rounded-circle" alt="" /> </div>
                                            <p class="notify-details">Cristina Pride</p>
                                            <p class="text-muted font-13 mb-0 user-msg">Hi, How are you? What about our next meeting</p>
                                        </a>

                                        <!-- item-->
                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
                                            <div class="notify-icon"><img src="../static/assets/images/users/avatar-3.jpg" class="img-fluid rounded-circle" alt="" /> </div>
                                            <p class="notify-details">Sam Garret</p>
                                            <p class="text-muted font-13 mb-0 user-msg">Yeah everything is fine</p>
                                        </a>

                                        <!-- item-->
                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
                                            <div class="notify-icon"><img src="../static/assets/images/users/avatar-4.jpg" class="img-fluid rounded-circle" alt="" /> </div>
                                            <p class="notify-details">Karen Robinson</p>
                                            <p class="text-muted font-13 mb-0 user-msg">Wow that's great</p>
                                        </a>

                                        <!-- item-->
                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
                                            <div class="notify-icon"><img src="../static/assets/images/users/avatar-5.jpg" class="img-fluid rounded-circle" alt="" /> </div>
                                            <p class="notify-details">Sherry Marshall</p>
                                            <p class="text-muted font-13 mb-0 user-msg">Hi, How are you? What about our next meeting</p>
                                        </a>

                                        <!-- item-->
                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
                                            <div class="notify-icon"><img src="../static/assets/images/users/avatar-6.jpg" class="img-fluid rounded-circle" alt="" /> </div>
                                            <p class="notify-details">Shawn Millard</p>
                                            <p class="text-muted font-13 mb-0 user-msg">Yeah everything is fine</p>
                                        </a>
                                    </div>

                                    <!-- All-->
                                    <a href="javascript:void(0);" class="dropdown-item text-center text-primary notify-item notify-all">
                                        View all <i class="fi-arrow-right"></i>
                                    </a>

                                </div>
                            </li>

                            <li class="dropdown notification-list">
                                <a class="nav-link dropdown-toggle nav-user" data-toggle="dropdown" href="#" role="button"
                                   aria-haspopup="false" aria-expanded="false">
                                    <img src="../static/assets/images/users/avatar-1.jpg" alt="user" class="rounded-circle"> <span class="ml-1">{{ hs_current_user }} <i class="mdi mdi-chevron-down"></i> </span>
                                </a>
                                <div class="dropdown-menu dropdown-menu-right dropdown-menu-animated profile-dropdown ">
                                    <!-- item-->
                                    <div class="dropdown-item noti-title">
                                        <h6 class="text-overflow m-0">欢迎 !</h6>
                                    </div>

                                    <!-- item-->
                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
                                        <i class="fi-head"></i> <span>我的账号</span>
                                    </a>

                                    <!-- item-->
                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
                                        <i class="fi-cog"></i> <span>设置</span>
                                    </a>

                                    <!-- item-->
                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
                                        <i class="fi-help"></i> <span>帮助</span>
                                    </a>

                                    <!-- item-->
                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
                                        <i class="fi-lock"></i> <span>锁屏</span>
                                    </a>

                                    <!-- item-->
                                    <a href="logout" class="dropdown-item notify-item">
                                        <i class="fi-power"></i> <span>登出</span>
                                    </a>

                                </div>
                            </li>

                        </ul>

                        <ul class="list-inline menu-left mb-0">
                            <li class="float-left">
                                <button class="button-menu-mobile open-left">
                                    <i class="dripicons-menu"></i>
                                </button>
                            </li>
                            <li>
                                <div class="page-title-box">
                                    <h4 class="page-title">Team Chn </h4>
                                </div>
                            </li>

                        </ul>

                    </nav>

                </div>
                <!-- Top Bar End -->



                <!-- Start Page content -->
                <div  id="updatemes" style="display: none" class="col-lg-14 white_content modal fade in" tabindex="-1" role="dialog" aria-labelledby="Formtitle" aria-hidden="true" >
        <div class="modal-dialog">
            <div class="card-box modal-content">
                                                <div class="modal-header">
                                                    <h4 class="m-b-20">升级结果</h4>
                                                </div>

                                                <div class="modal-body">

                                                    <form action="#" method="post">
                                                        <div class="row">
                            <div class="col-md-12">
                                <div class="card-box task-detail">

                                    <h4 class="m-b-20" id="mes_title"> </h4>

                                    <p class="text-muted" id="mes_body"></p>


                                    <div class="clearfix"></div>


                                </div>
                            </div><!-- end col -->

                        </div>

                                                    </form>
                                                    <a id="sqllog" href="" download="">点击下载sql执行报告</a>
                                                </div>
                                </div>
        </div>
        <!-- end card-box -->
    </div>
                {% block div %}{% endblock %}
                <!-- content -->

                <footer class="footer text-right">
                    2019 © HalaMadrid. - 测试能力有限公司
                </footer>

            </div>



            <!-- ============================================================== -->
            <!-- End Right content here -->
            <!-- ============================================================== -->


        </div>
        <!-- END wrapper -->


        <!-- jQuery  -->
        <script src="../static/assets/js/jquery.min.js"></script>
        <script src="../static/assets/js/popper.min.js"></script>
        <script src="../static/assets/js/bootstrap.min.js"></script>
        <script src="../static/assets/js/metisMenu.min.js"></script>
        <script src="../static/assets/js/waves.js"></script>
        <script src="../static/assets/js/jquery.slimscroll.js"></script>
        <script src="../static/plugins/datatables/jquery.dataTables.min.js"></script>
        <script src="../static/plugins/datatables/dataTables.bootstrap4.min.js"></script>
        <script src="../static/plugins/datatables/dataTables.responsive.min.js"></script>
        <script src="../static/plugins/select2/js/select2.min.js" type="text/javascript"></script>
        <script src="../static/plugins/bootstrap-select/js/bootstrap-select.js" type="text/javascript"></script>

        <script src="../static/plugins/switchery/switchery.min.js"></script>
        <script src="../static/plugins/bootstrap-tagsinput/js/bootstrap-tagsinput.min.js"></script>
        <script src="../static/plugins/bootstrap-filestyle/js/bootstrap-filestyle.min.js" type="text/javascript"></script>
        <script src="../static/plugins/bootstrap-maxlength/bootstrap-maxlength.js" type="text/javascript"></script>

        <script type="text/javascript" src="../static/plugins/autocomplete/jquery.mockjax.js"></script>
        <script type="text/javascript" src="../static/plugins/autocomplete/jquery.autocomplete.min.js"></script>
        <script type="text/javascript" src="../static/plugins/autocomplete/countries.js"></script>

        <!-- Required datatable js -->
        <script src="../static/plugins/datatables/jquery.dataTables.min.js"></script>
        <script src="../static/plugins/datatables/dataTables.bootstrap4.min.js"></script>
                <!-- Buttons examples -->
        <script src="../static/plugins/datatables/dataTables.buttons.min.js"></script>
        <script src="../static/plugins/datatables/buttons.bootstrap4.min.js"></script>
        <script src="../static/plugins/datatables/jszip.min.js"></script>
        <script src="../static/plugins/datatables/pdfmake.min.js"></script>
        <script src="../static/plugins/datatables/vfs_fonts.js"></script>
        <script src="../static/plugins/datatables/buttons.html5.min.js"></script>
        <script src="../static/plugins/datatables/buttons.print.min.js"></script>
                <!-- Key Tables -->
        <script src="../static/plugins/datatables/dataTables.keyTable.min.js"></script>

        <!-- Responsive examples -->
        <script src="../static/plugins/datatables/dataTables.responsive.min.js"></script>
        <script src="../static/plugins/datatables/responsive.bootstrap4.min.js"></script>

        <!-- Selection table -->
        <script src="../static/plugins/datatables/dataTables.select.min.js"></script>
        <!--FooTable-->
        <script src="../static/plugins/footable/js/footable.all.min.js"></script>
        <!--FooTable Example-->
        <script src="../static/assets/pages/jquery.footable.js"></script>
        <!-- Flot chart -->
        <script src="../static/plugins/flot-chart/jquery.flot.min.js"></script>
        <script src="../static/plugins/flot-chart/jquery.flot.time.js"></script>
        <script src="../static/plugins/flot-chart/jquery.flot.tooltip.min.js"></script>
        <script src="../static/plugins/flot-chart/jquery.flot.resize.js"></script>
        <script src="../static/plugins/flot-chart/jquery.flot.pie.js"></script>
        <script src="../static/plugins/flot-chart/jquery.flot.crosshair.js"></script>
        <script src="../static/plugins/flot-chart/curvedLines.js"></script>
        <script src="../static/plugins/flot-chart/jquery.flot.axislabels.js"></script>
        <script src="../static/plugins/bootstrap-datepicker/js/bootstrap-datepicker.min.js"></script>

        <script src="../static/plugins/moment/moment.js"></script>
        <script src="../static/plugins/bootstrap-timepicker/bootstrap-timepicker.js"></script>
        <script src="../static/plugins/bootstrap-colorpicker/js/bootstrap-colorpicker.min.js"></script>
        <script src="../static/plugins/clockpicker/js/bootstrap-clockpicker.min.js"></script>
        <script src="../static/plugins/bootstrap-daterangepicker/daterangepicker.js"></script>
        <script src="../static/plugins/bootstrap-datepicker/js/bootstrap-datepicker.min.js"></script>
        <script src="../static/plugins/custombox/js/custombox.min.js"></script>
        <script src="../static/plugins/custombox/js/legacy.min.js"></script>
        <!-- Init js -->
        <script src="../static/assets/pages/jquery.form-pickers.init.js"></script>


        <!--[if IE]>
        <script type="text/javascript" src="../static/plugins/jquery-knob/excanvas.js"></script>
        <![endif]-->
        <script src="../static/plugins/jquery-knob/jquery.knob.js"></script>

        <!-- Dashboard Init -->
        <script src="../static/assets/pages/jquery.dashboard.init.js"></script>

        <!-- Parsley js -->
        <script type="text/javascript" src="../static/plugins/parsleyjs/parsley.min.js"></script>
        <!-- Dropzone js -->
        <script src="../static/plugins/dropzone/dropzone.js"></script>
        <!-- Bootstrap fileupload js -->
        <script src="../static/plugins/bootstrap-fileupload/bootstrap-fileupload.js"></script>

        <script src="../static/plugins/ion-rangeslider/ion.rangeSlider.min.js"></script>
        <script src="../static/assets/pages/jquery.range-sliders.js"></script>

        <!-- Init Js file -->
        <script type="text/javascript" src="../static/assets/pages/jquery.form-advanced.init.js"></script>
        <!-- App js -->
        <script src="../static/assets/js/jquery.core.js"></script>
        <script src="../static/assets/js/jquery.app.js"></script>

        <script type="text/javascript">

        function openSever(obj) {
            var getId = {id_num : obj.id,fun : 'openSever'}
            if(confirm("确定开启吗？")){
                $.ajax({
                type:'POST',
                data:getId,
                success:function () {
                },
                error:function (e) {
                    alert("开启失败")

                }

                })
            }

        }
        function deletemes(obj) {
            var getId = {mes_id : obj.id,fun : 'deletemes'}
                $.ajax({
                type:'POST',
                data:getId,
                success:function () {
                }
                })
        }

        $('#updatemes').on('show.bs.modal',function (event) {
            var btn = $(event.relatedTarget);
            var modal = $(this);
            var modalValue = btn.data('output');
            var modalValue1 = btn.data('mes');
            var modalValue2 = btn.data('url');
            var changeurl = document.getElementById('sqllog')
            document.getElementById('mes_title').innerHTML= modalValue;
            document.getElementById('mes_body').innerHTML= modalValue1;
            changeurl.setAttribute("href",modalValue2)
        })
        function myrefresh() {
            window.location.reload()
        }
            $(document).ready(function() {

                // Default Datatable
                $('#datatable').DataTable();
                $('#datatable1').DataTable();
                $('#datatable2').DataTable();
                $('#datatable3').DataTable();
                $('#datatable4').DataTable();
                $('#datatable5').DataTable();
                $('#datatable6').DataTable();
                $('#datatable7').DataTable();

                //Buttons examples
                var table = $('#datatable-buttons').DataTable({
                    lengthChange: false,
                    buttons: ['copy', 'excel', 'pdf']
                });

                // Key Tables

                $('#key-table').DataTable({
                    keys: true
                });

                // Responsive Datatable
                $('#responsive-datatable').DataTable();

                // Multi Selection Datatable
                $('#selection-datatable').DataTable({
                    select: {
                        style: 'multi'
                    }
                });

                table.buttons().container()
                        .appendTo('#datatable-buttons_wrapper .col-md-6:eq(0)');
            } );

    </script>
        {% block script %}{% endblock %}
     </body>
</html>